<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>表单</title>

    <style>
        p{
            font-family: 宋体;
            font-size: 30px;
            font-weight: bold;
            color:cornflowerblue;
        }
    </style>
</head>
<body>
    
    <form action="demo-form.php" id="form1">
        <input type="text" name="fname" placeholder="用户名"><br>
        <input type="password" name="psw" placeholder="密码"><br>
        输入1980-01-01之前的日期：
        <input type="date" name="bday" max="1979-12-31"><br>
        输入2000-01-01之后的日期：
        <input type="date" name="bday" min="2000-01-01"><br>
        选择图片：
        <input type="file" name="img" multiple><br>
        <input type="submit" value="提交">
    </form>
    <p>尝试选取一张或者多种图片。</p>

    <form action="http://www.baidu.com" method="GET">
    
        <input type="text" required placeholder="用户名" pattern="[a-z][a-zA-Z0-9]{3}"><br>
    
        <input type="password" required placeholder="密码" pattern="[a-zA-Z0-9_]{6,8}"><br>
        <input type="tel" required placeholder="telephone" pattern="1[3|5|7|8|9][0-9]{9}"><br>
        <input type="email" required ><br>
        <input type="number" value="10" max="20" min="1" step="1"><br>
        <input type="range"><br>
        <input type="radio" name="femal" >男<input type="radio" name="femal" checked >女<br>
        
        <input type="file"><br>
        
        爱好：<input type="checkbox" name="hobbies" >睡觉<input type="checkbox" name=""
        
        <input type="submit" value="提交"><br>
    </form>
</body>
</html>